<html>
<body>
<h2>Section 10 - Visual Formatting Model Details</h2>
<p>
To see the Recommendation text for this section, click<a href="http://www.w3.org/TR/REC-CSS2/visudet.html">here</a>.
NOTE: Tests in 10.2, 10.3, 10.5, and 10.8 are from CSS1 test suite, but
should be valid as well for CSS2.
<p>
<h2>10.1 - Definition of containing block</h2>
<p>
<a href="10-1.htm">10.1-1</a><br>
<a href="10-1a.htm">10.1-2</a><br>
<a href="10-1b.htm">10.1-3</a><br>
<a href="10-1c.htm">10.1-4</a><br>
<a href="10-1d.htm">10.1-5</a><br>
<a href="10-1e.htm">10.1-6</a><br>
<a href="10-1f.htm">10.1-7</a><br>
<a href="10-1g.htm">10.1-8</a><br>
<a href="10-1h.htm">10.1-9</a><br>
<a href="10-1i.htm">10.1-10</a><br>
<a href="10-1j.htm">10.1-11</a><br>
<a href="10-1k.htm">10.1-12</a><br>
<p>
<h2>10.2 - Content width - the width property</h2>
<p>
<a href="../css/5523-1.htm">10.2-1</a><br>
<a href="../css/5523-2.htm">10.2-2</a><br>
<a href="../css/5523-3.htm">10.2-3</a><br>
<a href="../css/5523-4.htm">10.2-4</a><br>
<a href="../css/5523-5.htm">10.2-5</a><br>
<a href="102-1.htm">10.2-6</a><br>
<a href="102-2.htm">10.2-7</a><br>
<a href="102-3.htm">10.2-8</a><br>
<a href="102-4.htm">10.2-9</a><br>
<a href="102-5.htm">10.2-10</a><br>
<a href="102-6.htm">10.2-11</a><br>
<a href="102-7.htm">10.2-12</a><br>
<p>
<h2>10.3 - Computing widths and margins</h2>
<p>
<a href="../css/414-1.htm">10.3-1</a><br>
<a href="../css/414-2.htm">10.3-2</a><br>
<a href="../css/414-3.htm">10.3-3</a><br>
<a href="../css/414-4.htm">10.3-4</a><br>
<a href="../css/414-5.htm">10.3-5</a><br>
<a href="../css/414-6.htm">10.3-6</a><br>
<a href="../css/414-7.htm">10.3-7</a><br>
<a href="../css/414-8.htm">10.3-8</a><br>
<a href="../css/414-9.htm">10.3-9</a><br>
<a href="../css/414-10.htm">10.3-10</a><br>
<a href="../css/414-11.htm">10.3-11</a><br>
<a href="../css/414-12.htm">10.3-12</a><br>
<a href="../css/43-1.htm">10.3-13</a><br>
<a href="../css/43-2.htm">10.3-14</a><br>
<a href="../css/43-3.htm">10.3-15</a><br>
<p>
<h2>10.4 - Minimum and maximum widths</h2>
<p>
<a href="10-4.htm">10.4-1</a><br>
<a href="10-4a.htm">10.4-2</a><br>
<a href="10-4b.htm">10.4-3</a><br>
<a href="10-4c.htm">10.4-4</a><br>
<a href="10-4d.htm">10.4-5</a><br>
<a href="10-4e.htm">10.4-6</a><br>
<a href="10-4f.htm">10.4-7</a><br>
<a href="10-4g.htm">10.4-8</a><br>
<a href="10-4h.htm">10.4-9</a><br>
<a href="10-4i.htm">10.4-10</a><br>
<a href="10-4j.htm">10.4-11</a><br>
<p>
<h2>10.5 - Content height</h2>
<p>
<a href="../css/5524-1.htm">10.5-1</a><br>
<a href="../css/5524-2.htm">10.5-2</a><br>
<a href="../css/5524-3.htm">10.5-3</a><br>
<a href="../css/5524-4.htm">10.5-4</a><br>
<a href="../css/5524-5.htm">10.5-5</a><br>
<a href="../css/5524-6.htm">10.5-6</a><br>
<a href="10-5-1.htm">10.5-7</a><br>
<a href="10-5-2.htm">10.5-8</a><br>
<a href="10-5-3.htm">10.5-9</a><br>
<a href="10-5-4.htm">10.5-10</a><br>
<a href="10-5-5.htm">10.5-11</a><br>
<a href="10-5-6.htm">10.5-12</a><br>
<p>
<h2>10.6 - Computing heights and margins</h2>
<p>
<a href="10-6.htm">10.6-1</a><br>
<a href="10-6a.htm">10.6-2</a><br>
<a href="10-6b.htm">10.6-3</a><br>
<a href="10-6c.htm">10.6-4</a><br>
<a href="10-6d.htm">10.6-5</a><br>
<a href="10-6e.htm">10.6-6</a><br>
<a href="10-6f.htm">10.6-7</a><br>
<a href="10-6g.htm">10.6-8</a><br>
<a href="10-6h.htm">10.6-9</a><br>
<a href="10-6i.htm">10.6-10</a><br>
<a href="10-6j.htm">10.6-11</a><br>
<a href="10-6k.htm">10.6-12</a><br>
<p>
<h2>10.7 - Minimum and maximum heights</h2>
<p>
<a href="10-7.htm">10.7-1</a><br>
<a href="10-7a.htm">10.7-2</a><br>
<a href="10-7b.htm">10.7-3</a><br>
<a href="10-7c.htm">10.7-4</a><br>
<a href="10-7d.htm">10.7-5</a><br>
<a href="10-7e.htm">10.7-6</a><br>
<a href="10-7f.htm">10.7-7</a><br>
<a href="10-7g.htm">10.7-8</a><br>
<a href="10-7h.htm">10.7-9</a><br>
<a href="10-7i.htm">10.7-10</a><br>
<a href="10-7j.htm">10.7-11</a><br>
<a href="10-7k.htm">10.7-12</a><br>
<p>
<h2>10.8 - Line height calculations</h2>
<p>
<a href="../css/44-1.htm">10.8-1</a><br>
<a href="../css/44-2.htm">10.8-2</a><br>
<a href="../css/44-3.htm">10.8-3</a><br>
<a href="../css/44-4.htm">10.8-4</a><br>
<a href="../css/44-5.htm">10.8-5</a><br>
<a href="../css/44-6.htm">10.8-6</a><br>
<a href="../css/44-7.htm">10.8-7</a><br>
<a href="../css/44-8.htm">10.8-8</a><br>
<a href="../css/44-9.htm">10.8-9</a><br>
<a href="../css/44-10.htm">10.8-10</a><br>
<a href="../css/544-1.htm">10.8-11</a><br>
<a href="../css/544-2.htm">10.8-12</a><br>
<a href="../css/544-3.htm">10.8-13</a><br>
<a href="../css/544-4.htm">10.8-14</a><br>
<a href="../css/544-5.htm">10.8-15</a><br>
<a href="../css/544-6.htm">10.8-16</a><br>
<a href="../css/544-7.htm'>10.8-17</a><br>
<a href="../css/544-8.htm">10.8-18</a><br>
<a href="../css/544-9.htm">10.8-19</a><br>
<a href="../css/544-10.htm">10.8-20</a><br>
<a href="../css/544-11.htm">10.8-21</a><br>
<a href="../css/548-1.htm">10.8-22</a><br>
<a href="../css/548-2.htm">10.8-23</a><br>
<a href="../css/548-3.htm">10.8-24</a><br>
<a href="../css/548-4.htm">10.8-25</a><br>
<a href="../css/548-5.htm">10.8-26</a><br>
<a href="10-8-1.htm">10.8-27</a><br>
<a href="10-8-2.htm">10.8-28</a><br>
<a href="10-8-3.htm">10.8-29</a><br>
<a href="10-8-4.htm">10.8-30</a><br>
<p>
<!--
To enter results from your tests for this section, click<a href="../enter.htm">here </a>.
To display previously recorded results, click<a href="../view.htm">here </a>.
To suggest additional tests for this section, click<a href="../addtest.htm"> here</a>.
To comment on tests in this section, click<a href="../comment.htm"> here</a>.
-->
To return to the main menu, click<a href="index.html"> here</a>.
</body>
</html>
